<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title><?php echo $this->_siteConfig->name;?></title>
    <link type="image/x-icon" href="<?php echo IUrl::creatUrl("")."favicon.ico";?>" rel="icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="apple-touch-icon-precomposed" href="<?php echo $this->getWebSkinPath()."image/logo.gif";?>">
    <script type="text/javascript" charset="UTF-8" src="/git/micarshop/runtime/_systemjs/jquery/jquery-1.12.4.min.js"></script> <script type="text/javascript" charset="UTF-8" src="/git/micarshop/runtime/_systemjs/form/form.js"></script> <script type="text/javascript" charset="UTF-8" src="/git/micarshop/runtime/_systemjs/autovalidate/validate.js"></script><link rel="stylesheet" type="text/css" href="/git/micarshop/runtime/_systemjs/autovalidate/style.css" /> <script type="text/javascript" charset="UTF-8" src="/git/micarshop/runtime/_systemjs/artdialog/artDialog.js"></script><script type="text/javascript" charset="UTF-8" src="/git/micarshop/runtime/_systemjs/artdialog/plugins/iframeTools.js"></script><link rel="stylesheet" type="text/css" href="/git/micarshop/runtime/_systemjs/artdialog/skins/aero.css" /> <script type="text/javascript" charset="UTF-8" src="/git/micarshop/runtime/_systemjs/artTemplate/artTemplate.js"></script><script type="text/javascript" charset="UTF-8" src="/git/micarshop/runtime/_systemjs/artTemplate/artTemplate-plugin.js"></script>
    <script src="<?php echo $this->getWebViewPath()."javascript/common.js";?>"></script>
    <script src='<?php echo $this->getWebViewPath()."javascript/site.js";?>'></script>
    <link rel="stylesheet" href="<?php echo $this->getWebSkinPath()."style/style.css";?>">
</head>

<body>
    <!-- 顶部通栏 -->
    <header class="header_box">
        <div class="header">
            <?php if(IWeb::$app->getController()->getId() == 'site' && IWeb::$app->getController()->getAction()->getId() == 'index'){?>
            <div class="header_home"><i class="icon-home"></i></div>
            <?php }else{?>
            <div class="header_back" onclick="window.history.back();"><i class="icon-chevron-left"></i></div>
            <?php }?>
            <h1 id="page_title" class="page_title"><?php echo $this->_siteConfig->name;?></h1>
        
            <!-- <div class="header_so_btn" onclick="$('.header_search').toggle();"><i class="icon-search"></i></div> -->
            <div class="header_so_btn" onclick="jump_url()"><i class="icon-search"></i></div>
        
        </div>
    </header>
    <!-- 顶部搜索 -->
    <section class="header_search">
        <form method='get' action="<?php echo IUrl::creatUrl("/");?>">
            <input type='hidden' name='controller' value='site'>
            <input type='hidden' name='action' value='search_list'>
            <input class="keywords" type="text" name='word' autocomplete="off" placeholder="请输入关键词...">
            <input class="submit" type="submit" value="搜索">
        </form>
    </section>
    <!-- 引入内页 -->
    <section class="viewport">
        <div id="pageInfo" data-title="个人中心"></div>
<link rel="stylesheet" href="<?php echo $this->getWebSkinPath()."style/mui.css";?>">

<?php $icoConfig = array(
    "实物交易订单"   => "icon-pencil",
    "到店服务兑码订单"=> "icon-pencil",
    "我的积分"   => "icon-github-alt",
    "我的推广码"   => "icon-file-alt",
    "我的代金券" => "icon-tag",
    "退款申请"   => "icon-file",
    "我是商家"	=> "icon-refresh",
    "站点建议"   => "icon-book",
    "商品咨询"   => "icon-comment",
    "商品评价"   => "icon-thumbs-up",
    "短信息"     => "icon-file",
    "收藏夹"     => "icon-flag",
    "帐户余额"   => "icon-jpy",
    "在线充值"   => "icon-money",
    "地址管理"   => "icon-map-marker",
    "个人资料"   => "icon-file-alt",
    "分销管理"   => "icon-user",
    "修改密码"   => "icon-lock",
    
)?>
<style>
	html,
	body {
		background-color: #efeff4;
		font: 14px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
	}
	.mui-views,
	.mui-view,
	.mui-pages,
	.mui-page,
	.mui-page-content {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #efeff4;
	}
	.mui-pages {
		top: 46px;
		height: auto;
	}
	.mui-scroll-wrapper,
	.mui-scroll {
		background-color: #efeff4;
	}
	.mui-page.mui-transitioning {
		-webkit-transition: -webkit-transform 300ms ease;
		transition: transform 300ms ease;
	}
	.mui-page-left {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.mui-ios .mui-page-left {
		-webkit-transform: translate3d(-20%, 0, 0);
		transform: translate3d(-20%, 0, 0);
	}
	.mui-navbar {
		position: fixed;
		right: 0;
		left: 0;
		z-index: 10;
		height: 44px;
		background-color: #f7f7f8;
	}
	.mui-navbar .mui-bar {
		position: absolute;
		background: transparent;
		text-align: center;
	}
	.mui-android .mui-navbar-inner.mui-navbar-left {
		opacity: 0;
	}
	.mui-ios .mui-navbar-left .mui-left,
	.mui-ios .mui-navbar-left .mui-center,
	.mui-ios .mui-navbar-left .mui-right {
		opacity: 0;
	}
	.mui-navbar .mui-btn-nav {
		-webkit-transition: none;
		transition: none;
		-webkit-transition-duration: .0s;
		transition-duration: .0s;
	}
	.mui-navbar .mui-bar .mui-title {
		display: inline-block;
		width: auto;
	}
	.mui-page-shadow {
		position: absolute;
		right: 100%;
		top: 0;
		width: 16px;
		height: 100%;
		z-index: -1;
		content: '';
	}
	.mui-page-shadow {
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
	}
	.mui-navbar-inner.mui-transitioning,
	.mui-navbar-inner .mui-transitioning {
		-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
		transition: opacity 300ms ease, transform 300ms ease;
	}
	.mui-page {
		display: none;
	}
	.mui-pages .mui-page {
		display: block;
	}
	.mui-page .mui-table-view:first-child {
		margin-top: 15px;
	}
	.mui-page .mui-table-view:last-child {
		margin-bottom: 30px;
	}
	.mui-table-view {
		margin-top: 20px;
	}
	
	.mui-table-view span.mui-pull-right {
		color: #999;
	}
	.mui-table-view-divider {
		background-color: #efeff4;
		font-size: 14px;
	}
	.mui-table-view-divider:before,
	.mui-table-view-divider:after {
		height: 0;
	}
	.head {
		height: 40px;
	}
	#head {
		line-height: 40px;
	}
	.head-img {
		width: 40px;
		height: 40px;
	}
	#head-img1 {
		position: absolute;
		bottom: 10px;
		right: 40px;
		width: 40px;
		height: 40px;
	}
	.update {
		font-style: normal;
		color: #999999;
		margin-right: -25px;
		font-size: 15px
	}
	.mui-fullscreen {
		position: fixed;
		z-index: 20;
		background-color: #000;
	}
	.mui-ios .mui-navbar .mui-bar .mui-title {
		position: static;
	}
	/*问题反馈在setting页面单独的css*/
	#feedback .mui-popover{
		position: fixed;
	}
	#feedback .mui-table-view:last-child {
	    margin-bottom: 0px;
	}
	#feedback .mui-table-view:first-child {
	    margin-top: 0px;
	}
	i{
		color: orange;
		margin-right:0.1rem;
	}
	
	.viewport{
		top:0.01rem;
	}
	
	a{
		color: black;
	}
	
	/*问题反馈在setting页面单独的css==end*/
	
</style>
<?php $arr = array(); ?>
 <?php foreach(menuUcenter::init() as $key => $item){?>
        <?php foreach($item as $moreKey => $moreValue){?>
       		 <?php 
       		 	$arr[]= array("key"=>$moreValue,"value"=>$moreKey);
       		 ?>
        <?php }?>
        <?php }?>
        
        <?php 
        	//echo "bbbb";
        	//print_r($arr);
        ?>

<!--页面主结构开始-->
<div id="app" class="mui-views">
			<div class="mui-view">
				<div class="mui-navbar">
				</div>
				<div class="mui-pages">
				</div>
			</div>
		</div>
		<!--页面主结构结束-->
		<!--单页面开始-->
		<div id="setting" class="mui-page">
			<!--页面标题栏开始-->
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">个人中心</h1>
			</div>
			<!--页面标题栏结束-->
			<!--页面主内容区开始-->
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right" href="#account">
									<img class="mui-media-object mui-pull-left head-img" id="head-img" src="<?php echo isset($user['head_ico'])?$user['head_ico']:"";?>">
									<div class="mui-media-body">
										<?php echo isset($this->user['username'])?$this->user['username']:"";?>
										<p class='mui-ellipsis'>积分:<?php echo isset($user['point'])?$user['point']:"";?></p>
									</div>
								</a>
							</li>
						</ul>
						
						<ul class="mui-table-view mui-table-view-chevron">
					<?php for($i = 0 ; $i<=4 ; $i = $i+1){?>
					<li class="mui-table-view-cell">
						
						<a href="<?php echo IUrl::creatUrl("".$arr[$i]['value']."");?>" class="mui-navigate-right"><i class="<?php echo $icoConfig[$arr[$i]['key']];?>"></i><?php echo isset($arr[$i]['key'])?$arr[$i]['key']:"";?></a>
					</li>
					<?php }?>
				</ul>
				
				
				<ul class="mui-table-view mui-table-view-chevron">
					<?php for($i = 5 ; $i<=9 ; $i = $i+1){?>
					<li class="mui-table-view-cell">
						
						<a href="<?php echo IUrl::creatUrl("".$arr[$i]['value']."");?>" class="mui-navigate-right"><i class="<?php echo $icoConfig[$arr[$i]['key']];?>"></i><?php echo isset($arr[$i]['key'])?$arr[$i]['key']:"";?></a>
					</li>
					<?php }?>
				</ul>
						
						<ul class="mui-table-view mui-table-view-chevron">
					<?php for($i = 10 ; $i<=13 ; $i = $i+1){?>
					<li class="mui-table-view-cell">
						
						<a href="<?php echo IUrl::creatUrl("".$arr[$i]['value']."");?>" class="mui-navigate-right"><i class="<?php echo $icoConfig[$arr[$i]['key']];?>"></i><?php echo isset($arr[$i]['key'])?$arr[$i]['key']:"";?></a>
					</li>
					<?php }?>
				</ul>
				
				<ul class="mui-table-view mui-table-view-chevron">
					<?php for($i = 14 ; $i<=17 ; $i = $i+1){?>
					<li class="mui-table-view-cell">
						
						<a href="<?php echo IUrl::creatUrl("".$arr[$i]['value']."");?>" class="mui-navigate-right"><i class="<?php echo $icoConfig[$arr[$i]['key']];?>"></i><?php echo isset($arr[$i]['key'])?$arr[$i]['key']:"";?></a>
					</li>
					<?php }?>
				</ul>
				
				<ul class="mui-table-view mui-table-view-chevron">
					<li class="mui-table-view-cell">
						
						<a href="#about" class="mui-navigate-right"><i class="icon-heart"></i>关于米喀</a>
					</li>
				</ul>
						
						
						<div style="margin-top: 0.8rem"></div>
						
					</div>
				</div>
			</div>
			<!--页面主内容区结束-->
		</div>
		<!--单页面结束-->
		
		
		
		
		<div id="account" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>返回
				</button>
				<h1 class="mui-center mui-title">用户信息</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<a>姓名<span class="mui-pull-right"><?php echo isset($this->user['username'])?$this->user['username']:"";?></span></a>
							</li>
							<li class="mui-table-view-cell">
								<a>余额<span class="mui-pull-right">￥<?php echo isset($user['balance'])?$user['balance']:"";?></span></a>
							</li>
							<li class="mui-table-view-cell">
								<a>积分<span class="mui-pull-right"><?php echo isset($user['point'])?$user['point']:"";?>分</span></a>
							</li>
						</ul>
						<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<a>QQ号<span class="mui-pull-right"><?php echo isset($user['qq'])?$user['qq']:"";?></span></a>
							</li>
							<li class="mui-table-view-cell">
								<?php if($user['telephone']){?>
									<a>电话<span class="mui-pull-right"><?php echo isset($user['telephone'])?$user['telephone']:"";?></span></a>
									<?php }else{?>
									<a>手机号<span class="mui-pull-right"><?php echo isset($user['mobile'])?$user['mobile']:"";?></span></a>
								<?php }?>
							</li>
							<li class="mui-table-view-cell">
								<a>邮箱地址<span class="mui-pull-right"><?php echo isset($user['email'])?$user['email']:"";?></span></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		
		
		
		
		
		
		

		

		
        
       
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="<?php echo $this->getWebViewPath()."javascript/mui.js";?>"></script>
<script src="<?php echo $this->getWebViewPath()."javascript/mui.view.js";?>"></script>
<script src='<?php echo $this->getWebViewPath()."javascript/feedback.js";?>'></script>


<script>
$(function() {
	
	mui.init();
	//初始化单页view
	var viewApi = mui('#app').view({
		defaultPage: '#setting'
	});
	//初始化单页的区域滚动
	mui('.mui-scroll-wrapper').scroll();
	
	var view = viewApi.view;
	(function($) {
		//处理view的后退与webview后退
		var oldBack = $.back;
		$.back = function() {
			if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
				viewApi.back();
			} else { //执行webview后退
				oldBack();
			}
		};
		
	})(mui);
	
	
	
	//hideNav();
    $(".header_box").hide();
    
    
    // 设置首页导航为当前
    $(".nav_user").addClass('on');
})
</script>

    </section>
    <!-- 会员登陆与否显示不同内容 -->
    <?php if($this->user){?>
    <?php }else{?>
    <!-- 
    <section class="footer_login">
        <a class="login" href="<?php echo IUrl::creatUrl("simple/login");?>">登录</a>
        <a class="reg" href="<?php echo IUrl::creatUrl("simple/reg");?>">注册</a>
    </section> -->
    <?php }?>
    <!--底部菜单-->
    <nav class="footer_nav">
        <ul>
            <li class="nav_home"><a href="<?php echo IUrl::creatUrl("site");?>"><i class="icon-home"></i><span>首页</span></a></li>
            <li class="nav_cart"><a href="<?php echo IUrl::creatUrl("simple/cart");?>"><i class="icon-shopping-cart"></i><span>购物车</span></a></li>
            <li class="nav_user"><a href="<?php echo IUrl::creatUrl("/ucenter/index");?>"><i class="icon-user"></i><span>个人中心</span></a></li>
            <li class="nav_map"><a href="<?php echo IUrl::creatUrl("site/sitemap");?>"><i class="icon-reorder"></i><span>分类</span></a></li>
        </ul>
    </nav>
    <script src='<?php echo $this->getWebViewPath()."javascript/mobile.js";?>'></script>
</body>

</html>

<script type="text/javascript">

var ex = "http://"+window.location.host+"/";
function jump_url(){
	
	//window.location.href = ex+"site/goseachpage";
	window.location.href = ex+"git/micarshop/site/goseachpage";
	
}

</script>

